<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/qdaily/qdaily_head.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../js/jquery.min.js"></script>
</head>

<body style="margin:0 auto">
	<div class="page-header">
    	<div class="page-header-bd">
        	<div class="head_left">
            	<a href="#" class="logo">
                	<img src="../../image/qdaily/logo-q.png" class="logo_pic" />
                    <img src="../../image/qdaily/logo-text.png"  class="logo_text"/>
                </a>
                <ul class="left_item">
                	<li><h2><a href="#"><img src="../../image/qdaily/4.png"/>长文章</a></h2></li>
                    <li><h2><a href="#"><img src="../../image/qdaily/4.png"/>短文章</a></h2></li>
                    <li><h2><a href="#"><img src="../../image/qdaily/4.png"/>XXXXXXX短文章</a></h2></li>
                </ul>
            </div>
            <div class="head_center" id="centerDiv">
            	<ul>
                	<li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#">长文章</a></li>
                    <li><a href="#" onclick="showAll()">全部分类</a></li>
                </ul>
            </div>
            <div class="head_right">
            	<a href="#" class="app">APP</a>
            </div>
		</div>
        <div class="page-header-footer" style="display:none">
        	<ul>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章长文章长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
                <li><a href="#"><img src="../../image/qdaily/4.png"/><span>长文章</span></a></li>
            </ul>
        </div>
    </div>
</body>
<script>
	function showAll(){
		if($(".page-header-footer").is(":hidden")){
			$(".page-header-footer").show();
			$("#centerDiv").attr("class", "head_center line");
		} else {
			$(".page-header-footer").hide();
			$("#centerDiv").attr("class", "head_center");
		}
	}
</script>
</html>
